<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取当前的日期和星期</title>
<style>
span{
font-size:16px;font-family:微软雅黑;color:#FF9900}
</style>
<script src="../JS/vue.js"></script>
</head>
<body>
<div id="box">
	<span>{{date | nowdate}}</span>
</div>
<script type="text/javascript">
	Vue.filter('nowdate',function(value){
		var year=value.getFullYear();         //获取当前年份
		var month=value.getMonth()+1;         //获取当前月份
		var date=value.getDate();             //获取当前日期
		var day=value.getDay();               //获取当前星期
		var week="";                          //初始化变量
		switch(day){
		   case 1:                            //如果变量day的值为1
			  week="星期一";                   //为变量赋值
			  break;                          //退出switch语句
		   case 2:                            //如果变量day的值为2
			  week="星期二";                   //为变量赋值
			  break;                          //退出switch语句
		   case 3:                            //如果变量day的值为3
			  week="星期三";                   //为变量赋值
			  break;                          //退出switch语句
		   case 4:                            //如果变量day的值为4
			  week="星期四";                   //为变量赋值
			  break;                          //退出switch语句
		   case 5:                            //如果变量day的值为5
			  week="星期五";                   //为变量赋值
			  break;                          //退出switch语句
		   case 6:                            //如果变量day的值为6
			  week="星期六";                   //为变量赋值
			  break;                          //退出switch语句
		   default:                           //默认值
			  week="星期日";                   //为变量赋值
			  break;                          //退出switch语句
		}
		return "今天是："+year+"年"+month+"月"+date+"日 "+week;
	});
    var demo = new Vue({
        el : '#box',
        data : {
			date : new Date()
        }
    });
</script>


</body>

</html>



